<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全局变量和局部变量</title>
</head>

<body>
    <p>函数外部声明的变量是全局变量，在当前js中都能够使用。</p>
    <p>函数内部变量使用 var 声明的变量是局部变量，只能在函数内部使用。局部变量，在函数执行完后就从内存中删除。</p>
    <p style="color: red;">注：能使用局部变量就不要用全局变量，这样能够提高效率。</p>
    <p style="color: red;">注：在函数内部使用 var 声明的变量才是局部变量，直接赋值方式声明的变量是全局变量。<br>在函数内部直接声明的全局变量，只有在该函数被执行时才会被声明，函数被执行后才能使用。</p>
    <script>
        function str1() {
            a = "我是全局变量";
        }
        function str2(){
            var b = "我是局部变量";
        }
        str1();
        str2();
        document.write(a,"<br>");
    </script>
</body>

</html>